import React, { Component } from "react";
import Control from "./Control";
import Todo from "./Todo";

// class App extends Component {
//     render() {
//         return (
//             <div className="App">
//                 <input />
//                 {/* 必须单斜杠'/'自闭合 */}
//             </div>
//         );
//     }
// }

//先声明组件，在需要的地方引入，然后再调用

//函数组件又叫做无状态组件
const App = () => {
    return (
        <div className="App">
            {/* <Control /> */}
            <Todo data="123" />
            {/* 必须单斜杠'/'自闭合 */}
        </div>
    );
};
export default App;
